.recommend_main {
    width: 90%;
    height: 100%;
    margin: 0 auto;
    padding: 0 52px;
    max-width: 1704px;
    min-width: 1080px;
}

/* 设置浏览器中隐藏滚动条 */
.Activity::-webkit-scrollbar {
    display: none;
}

/* 头部部分 */

.mian_top {
    width: 100%;
    height: 136px;
    display: flex;
    justify-content: space-between;

    .sta {
        padding-top: 32px;
    }

    .top_left {
        width: 260px;
        height: 72px;

        img {
            width: 100%;
            height: 100%;
            cursor: pointer;
        }
    }

    .top_cen {

        width: 540px;
        -webkit-box-flex: 1;
        margin: 0 52px;

        .search {
            width: 539px;
            height: 40px;
            border: 1px solid #1261FF;
            border-radius: 8px;
            display: flex;

            .search_left {
                width: 70px;
                height: 100%;
                display: flex;
                align-items: center;

                /* select */
                select {
                    width: 80%;
                    height: 80%;
                    text-align: center;
                    margin-left: 5px;
                    border: none;
                    outline: none;
                }

            }

            .search_con {
                flex: 1;

                input {
                    width: 100%;
                    height: 30px;
                    margin-top: 6px;
                    padding-left: 5px;
                    border: none;
                    outline: none;
                }
            }

            .search_right {
                width: 52px;
                background: #1261FF;
                border-radius: 0 8px 8px 0;
                text-align: center;
                font-size: 24px;
                color: #fff;
                line-height: 40px;
            }
        }

    }

    .top_right {
        width: 260px;
    }
}

/* 轮播图 */
.Swiper {

    height: 260px;
    cursor: pointer;

    .One {
        height: 260px;
        border-radius: 8px;

        img {
            width: 100%;
            height: 100%;
            border-radius: 8px;
        }
    }
}

/* 活动卡片 */
.box {
    position: relative;

    .Activity {
        width: 1200px;
        height: 160px;
        overflow-y: hidden;
        overflow-x: scroll;
        position: relative;
        margin-top: 10px;

        .Act {
            display: flex;
            position: absolute;
            transition: 1s;
            transform: translate(0, -15px);
        }

        .Act img {
            width: 200px;
            height: 90px;
            margin: 15px;
            line-height: 90px;
            text-align: center;
            color: #fff;
            transition: 1s;
        }

        .Act img:hover {
            cursor: pointer;
            transform: translate(0, -15px);
        }
    }

    /* 左右按钮 */
    .bom {
        position: absolute;
        top: 50px;
        width: 30px;
        height: 30px;
        font-size: 15px;
        z-index: 10;
        background: #fff;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        color: #666666;
    }

    .Left {
        left: 0;
        /* display: none; */
    }

    .Right {
        right: 0;
        /* display: block; */
    }

    .bom:hover {
        background: #1261FF;
        color: #fff;
    }
}

/* 精选推荐主体 */
/* 今日推荐 */
.Cardstock {
    width: 100%;
    height: 400px;

    .card_Top {
        width: 100%;
        height: 33px;
        display: flex;
        align-items: center;
        -webkit-box-align: center;

        .Topleft {
            width: 210px;
            display: flex;
            align-items: center;
            -webkit-box-align: center;

            span {
                color: #C28F66;
                margin-left: 6px;
                padding-top: 5px;
            }
        }

        .Topright {
            width: 990px;
            display: flex;
            position: relative;

            .right_left {
                display: flex;

                ul {
                    margin-left: 20px;


                    li {
                        width: 80px;
                        height: 33px;
                        line-height: 33px;
                        background: #f3f4f7;
                        margin-left: 10px;
                        text-align: center;
                        border-radius: 20px;
                    }

                    li:hover {
                        cursor: pointer;
                        color: #2A71FE;
                    }
                }
            }

            .right_right {
                position: absolute;
                line-height: 33px;
                right: 0;
            }

        }

    }

    .card_main {
        width: 100%;
        height: 280px;
        margin-top: 24px;
        display: flex;

        .cama_left {
            width: 184px;
            height: 100%;

            .cale_top {
                width: 184px;
                height: 156px;
                border-radius: 8px;
                margin-bottom: 18px;
                border: 1px solid #e6ebed;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;

                .come {
                    width: 100px;
                    height: 100px;
                    margin-left: 50%;
                    position: absolute;
                    left: -25px;

                    .come_jia {
                        width: 50px;
                        height: 50px;
                        text-align: center;
                        line-height: 50px;
                        background: #1261FF;
                        border-radius: 50%;
                        color: #fff;
                        margin-bottom: 10px;
                    }

                    .come_ji {
                        margin-left: -3px;
                        font-weight: bold;
                    }
                }
            }

            .cale_top:hover {
                box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05),
                    0 6px 16px 0 rgba(0, 0, 0, .08),
                    0 3px 6px -4px rgba(0, 0, 0, .12);
                transform: translate3d(0, -2px, 0);
                transition: all .2s linear;
            }

            .cale_bom {
                width: 184px;
                height: 99px;

                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 8px;
                }
            }

            .cale_bom:hover {
                box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05),
                    0 6px 16px 0 rgba(0, 0, 0, .08),
                    0 3px 6px -4px rgba(0, 0, 0, .12);
                transform: translate3d(0, -2px, 0);
                transition: all .2s linear;
            }
        }

        .cama_right {}
    }
}

/* 精选图片 */
.Img_main {
    width: 100%;
    height: 112px;

    img {
        width: 100%;
        height: 100%;
        border-radius: 8px;
        margin-bottom: 64px;
    }
}